feat(about): 增强个人介绍页面功能与样式

- 添加简介文本折叠/展开功能
- 实现导航栏滚动时的视觉变化效果
- 为姓名和角色标题添加动画渐变效果
- 更新技能标签云的动画和布局
- 优化GitHub数据获取逻辑，支持分页加载更多仓库
- 移除旧的缓存配置，简化代码结构
- 调整响应式设计中的评论框内边距
- 统一文本对齐方式并增强可读性
- 修复技能展示区域的marquee动画实现
- 添加新的CSS工具类以支持动态交互效果

css/about.css

@@ -409,6 +409,9 @@ body {
     margin-bottom: 10px;
 }
 
+.animated-gradient { background-image: linear-gradient(90deg, var(--text-primary), var(--accent), var(--text-primary)); -webkit-background-clip: text; background-clip: text; color: transparent; animation: gradientShift 6s linear infinite; text-shadow: 0 0 8px rgba(108,92,231,0.2); }
+@keyframes gradientShift { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
+
 .location-tag {
     font-size: 0.85rem;
     color: var(--text-tertiary);
@@ -464,6 +467,16 @@ body {
     font-size: 1rem;
     color: var(--text-primary);
     margin-bottom: 20px;
+    text-align: justify;
+}
+.bio-text.collapsed {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.link-btn {
+    background: none; border: none; color: var(--accent); cursor: pointer; font-size: 0.85rem;
 }
 
 .quote-box {
@@ -1032,6 +1045,7 @@ body {
         background-clip: text;
         color: transparent;
     }
+    .comment-box { padding: 24px; }
 }
 
 /* =========================================
@@ -1204,19 +1218,25 @@ body {
         scroll-snap-type: x mandatory;
         /* 添加淡入淡出效果 */
         mask-image: linear-gradient(
-                to right,
-                transparent 0%,
-                black 10%,
-                black 90%,
-                transparent 100%
+            to right,
+            transparent 0%,
+            black 10%,
+            black 90%,
+            transparent 100%
         );
         -webkit-mask-image: linear-gradient(
-                to right,
-                transparent 0%,
-                black 10%,
-                black 90%,
-                transparent 100%
+            to right,
+            transparent 0%,
+            black 10%,
+            black 90%,
+            transparent 100%
         );
+        animation: techMarquee 18s linear infinite;
+    }
+
+    @keyframes techMarquee {
+        0% { transform: translateX(0); }
+        100% { transform: translateX(-33.333%); }
     }
 
     .tech-tag-mobile {
@@ -1319,6 +1339,7 @@ body {
         background-clip: text;
         color: transparent;
     }
+    .comment-box { padding: 16px; }
 }
 
 /* =========================================