feat(about): 优化关于页面样式与交互功能

- 调整 MBTI 标签展示方式，增加多彩渐变效果
- 重构技术栈展示逻辑，移动端采用多行无缝滚动动画
- 优化夜间模式切换逻辑，支持系统主题检测与缓存管理
- 改进博客文章分类显示，移除默认填充内容
- 更新二维码加载失败提示为注释形式
- 增强文本可读性，修复部分元素在特定容器内的颜色异常
- 统一标签与按钮样式，提升视觉一致性与用户体验
- 调整 3D 技术球体透明度上限，增强视觉层次感

about.html

@@ -132,9 +132,10 @@
                     </div>
                     <p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感，果断决绝的行动力。深度洞察与创意，关怀与同理心。"</p>
                     <div class="mbti-tags">
-                        <span class="tag" data-i18n="mbti.tag1">Idealism</span>
-                        <span class="tag" data-i18n="mbti.tag2">Insight</span>
-                        <span class="tag" data-i18n="mbti.tag3">Empathy</span>
+                        <span class="tag tag-color-1" data-i18n="mbti.tag1">Idealism & Morality</span>
+                        <span class="tag tag-color-2" data-i18n="mbti.tag2">Decisive Action</span>
+                        <span class="tag tag-color-3" data-i18n="mbti.tag3">Deep Insight & Creativity</span>
+                        <span class="tag tag-color-4" data-i18n="mbti.tag4">Care & Empathy</span>
                     </div>
                 </div>
             </div>
@@ -142,7 +143,7 @@
             <!-- [5] 技术栈宇宙 (Tech Stack) -->
             <div class="bento-card area-tech">
                 <div class="card-header">
-                    <h3 data-i18n="tech.title">Tech Universe</h3>
+                    <h3 class="glow-title"><i class="ri-stack-line"></i> <span data-i18n="tech.title">Tech Universe</span></h3>
                 </div>
                 <!-- 容器：PC端3D球，移动端横向滚动条 -->
                 <div id="tech-container" class="tech-wrapper">
@@ -250,7 +251,7 @@
             <h3 data-i18n="modal.wechat">Official Account</h3>
             <div class="qr-box">
                 <img src="https://blog-file.hehouhui.cn/wechat/mp-honesy.jpg" alt="WeChat QR" onerror="this.style.display='none';this.nextElementSibling.style.display='block'">
-                <div class="qr-fallback">QR Load Failed</div>
+<!--                <div class="qr-fallback">QR Load Failed</div>-->
             </div>
             <p data-i18n="modal.desc">Scan to follow Tech Share</p>
         </div>