feat(about): 优化页面样式与功能增强

- 新增渐变色彩变量，用于文本和标签的视觉效果提升
- 增强导航项和操作按钮的悬停动效与交互反馈
- 重构技术标签和兴趣模块，支持动态渐变色彩展示
- 优化移动端布局，包括底部导航、技术标签滚动及兴趣模块适配
- 引入Artalk主题切换支持，提升评论区体验一致性
- 博客内容获取逻辑升级：优先使用RSS源并添加缓存机制
- GitHub仓库数据过滤非原创项目，并增加fork数量显示
- 技术标签3D球体增大半径以改善标签分布与可读性
- 页面结构调整，明确划分开源项目与博客文章区域
- 修复多处移动端显示异常问题，提高整体响应式表现

about.html

@@ -125,6 +125,9 @@
                     <div class="mbti-head">
                         <span class="mbti-code gradient-text">INFJ</span>
                         <span class="mbti-name" data-i18n="mbti.name">Advocate</span>
+                        <span class="mbti-icon">
+                         <img src="https://blog-file.hehouhui.cn/INFJ.png" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/>
+                        </span>
                     </div>
                     <p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感，果断决绝的行动力。深度洞察与创意，关怀与同理心。"</p>
                     <div class="mbti-tags">
@@ -194,9 +197,8 @@
             </div>
         </div>
 
-        <!-- 第二部分：开源与博客 (瀑布流/列表) -->
+        <!-- 第二部分：开源项目 -->
         <div class="content-section">
-            <!-- 左侧：GitHub -->
             <div class="content-col">
                 <div class="col-header">
                     <h3 class="glow-title"><i class="ri-github-line"></i> <span data-i18n="github.title">Open Source</span></h3>
@@ -211,8 +213,10 @@
                     </div>
                 </div>
             </div>
-
-            <!-- 右侧：Blog -->
+        </div>
+        
+        <!-- 第三部分：最新文章 -->
+        <div class="content-section">
             <div class="content-col">
                 <div class="col-header">
                     <h3 class="glow-title"><i class="ri-article-line"></i> <span data-i18n="blog.title">Latest Posts</span></h3>
@@ -226,7 +230,7 @@
             </div>
         </div>
 
-        <!-- 第三部分：评论 -->
+        <!-- 第四部分：评论 -->
         <div class="comments-wrapper">
             <div class="col-header">
                 <h3 class="glow-title"><i class="ri-discuss-line"></i> <span data-i18n="comment.title">Message Board</span></h3>